<template>
  <div class="list-wrapper">
    <div class="title">{{title}}</div> 
    <slot class="message"></slot>
  </div>
</template>

<script>
export default {
  name:'listWrapper',
  props:{
    title:{
      type:String,
      default:'实体列表'
    }
  }
}
</script>

<style scoped lang='scss'>
  .list-wrapper{
    height: 98%;
    width: 15%;
    background: url("~@/assets/img/observe/side-right-wrap.png") center no-repeat;
    background-size: 100% 100%;
    .title{
      height: 35px;
      color: #ffffff;
      text-align: center;
      line-height: 35px;
      font-size: 18px;
      font-weight: 400;
      font-family: hanyi;
    }
    .message{
      height: calc(100% - 35px);
      overflow-y: auto;
    }
  }
</style>